html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-size:12px;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:baseline;
}

body {
background-color:#FFFFFF;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
line-height:130%;
margin:0;
}

#topper{
	background:transparent url(top-nav-bg.gif) repeat-x scroll left top;
	height:2em;
	
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

.erroricon{
display:inline;
margin-right:4px;
}

.hiddenReadableElement{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

.adisable {
    pointer-events: none;
	color: #CCC;
}

#pagewrap{
	display:block;
	margin:0px auto 0;
	width:960px;
}

#userlinks div{

clear:both;
height:2em;
margin:0 auto;
padding-top:4px;
width:960px;

}

#userlinks ul{
	float: right;
}

#userlinks li{
	display:inline;
	padding:4px 30px 5px 0;
}	

#userlinks li a{
	background: transparent url(arrow-grey.gif) no-repeat scroll right top;
	background-position:100% 4px;
	height:14px;
	padding:4px 20px 5px 0;
}

#userlinks li a:hover{
	background: transparent url(arrow-grey.gif) no-repeat right bottom;
	background-position:100% -96px;
	height:14px;
	padding:4px 20px 5px 0;
}

a{
	color:#333;
	text-decoration:none;
	}
	
a:hover{
	color:#008698;
}
	


	

	

	
#maincontent{
	float: right;
	position: absolute;
	
	width:705px;
	margin:2px;
	}
#sidecontent{
	float:right;
	clear: right;
	padding-top: 15px;
	width: 215px;
	}
#footer{
	display:none;
	clear:both;
	width:900px;
	margin:0 auto;
	margin-top: 15px;
	text-align: right;
	font: 11px Arial;
	color: #777;
	}

#breadcrumb{
	margin-top: 10px;
	font-size:11px;
	
}

#breadcrumb a{
	font-size:11px;
	font-weight: bold;
}


#pageheading{
color:#008698;
font-size:2.1em;
font-weight:bold;
line-height:1.1em;
margin-bottom: 6px;
	
}




img{
border:none;
}  /*Shanu Added*/

form {
  display:inline;
}


	
.downloadPrint{
	text-align: right;
}



#tabbar{
font-family:Arial,Helvetica,sans-serif;
height:31px;
line-height:140%;
margin:3px auto 0px;
overflow:hidden;
width:960px;
}

#tabs{
background:#DD0000 url(tabsheader.jpg) repeat scroll 0 0;
height:31px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
width:960px;
}

#tabs li{

	background:transparent url(red-divider.gif) no-repeat scroll right center;
	height:31px;
	float: left;

}

#tabs li:first-child{padding-left: 45px;}

#tabs li a{
	color:#FFFFFF;
	display:block;
	font-size:1em;
	font-weight:bold;
	padding:6px 14px 6px 10px;
	text-decoration:none;
}

#tabs li.active a, #tabs li a:hover{
	background:#CC0202 none repeat scroll 0 0;
	color:#FFFFFF;

}


#subtabbar{
	width: 210px;
	float: right;
}

#subtabs {
	margin:5px;


	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

}

#subtabs  li{
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dotted #777;
	text-indent: 10px;
}


#subtabs li a{
	background: transparent url(arrow-deep-purple.gif) no-repeat scroll right top;
	background-position:100% 4px;
	height:14px;
display:block;
padding:4px 15px 0 0;
text-decoration:none;
}

#subtabs li a:hover{
	background: transparent url(arrow-deep-purple.gif) no-repeat right bottom;
	background-position:100% -96px;
	height:14px;
	
}

	
.clearline{
	clear: both;
}	
	
.fullchart{
	float:left;
	margin:2px;
	width:345px;
	}
	
.report{
	border: 0px #ccc solid;
	float:left;
	width:345px;
	margin:2px;
	}

.hierbox{
	border: 1px #999 solid;
	margin-bottom: 3px;
	overflow:auto;
	height: 350px;
}
	
.hierTree{
	border: 0px;
	float:left;
	width:330px;
	margin:2px;
	}
	
.compareTree{
	border: 0px #ccc solid;
	float:right;
	width:330px;
	margin:2px;
	}
	
.hierReport{
	border: 0px #ccc solid;
	float:right;
	width:340px;
	margin:2px;
	}
	
.lesscontentbox
{
	width:320px;
	background: #eee;
	border: 1px #999 solid;
	margin-bottom: 3px;
}
	

.chart{
	border: 1px #ccc solid;
	float:left;
	width:340px;
	margin:2px;
	}
	
table{
	padding:0px;
	border-spacing:0px;
	width: 100%;
}

tr {
	height: 20px;
}

tr.odd, tr.totalodd{
	background-color: #eee;
}

tr.even, tr.totaleven{
	background-color: #fff;
}

td  {
	text-align: left;
	padding-right:2px;
	font: 12px Arial;
	}
table.rpt tr td{
	font-size: 10px;
}

td.right{
	text-align: right;
}

table.rpt tr td.boldright{
	text-align: right;
	font-weight: bold;
	font-size: 11px;
}

table.rpt tr td.boldleft{
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	width: 37%;
}

table.rpt tr.totaleven td, table.rpt tr.totalodd td{
	font-weight: bold;
	font-size: 11px;
}
	
th  {
	text-align: left;
	padding-right:2px;
	font: bold 13px Arial;
	}
table.rpt tr th{
	font-size: 11px;
}

table.rpt tr th.fixedwidth{
	width: 120px;
}

th.right{
	text-align: right;
}

table.smallfont tr td{
	font-size: 9px;
}

table.smallfont tr th{
	font-size: 10px;
	font-weight: bold;
}

table.largefont tr td{
	font-size: 12px;
}

.buttonbar
{
	padding:7px;
	background: #ccc;
	border: 1px #999 solid;
	margin-bottom: 3px;
}

.pagingbar
{
	padding:5px;
	background: #ccc;
	border: 1px #999 solid;
	margin-bottom: 3px;
	font: 13px Arial;
}

.reportleft
{
	float: left;
	width: 345px;
	clear: left;
}

.reportright
{
	float: right;
	width: 345px;
}

.contentbox
{
	
	background: #eee;
	border: 1px #e9e9e9 solid;
	margin-bottom: 3px;
}

.twocolumn {
	width: 80%;
}

.twocolumn td {
	width: 50%;
}


.infomessage {
	
	font: bold 12px Arial;
	padding:5px;
	background: #eee;
	border: 1px #999 solid;
	margin-bottom: 3px;
}

.warnmessage {
	
	font: bold 12px Arial;
	padding:10px;
	background: #eee;
	border: 1px #999 solid;
	margin-bottom: 3px;
}

.errormessage {
	
	font: bold 12px Arial;
	padding:10px;
	background: #FFCCCC;
	border: 1px red solid;
	margin-top: 20px;
	margin-bottom: 20px;
}

.errormessage li{
	list-style-image: url("../skin/error.gif"); 
}

.successmessage {
	text-align: right;
	font: bold 12px Arial;
	padding:10px;
	background: #B3FFB3;
	border: 1px green solid;
	margin-top: 20px;
	margin-bottom: 20px;
}


.pagetabs{

}

.hierReport .pagetabs{
	margin-bottom: 20px;
}

.pagetabs{
height:23px;
margin-left:0 !important;
position:relative;
top:1px;
}

.pagetabs ul{
background:transparent none repeat scroll 0 0 !important;
border:0 none !important;
color:#000000 !important;
margin:0 !important;
padding:0 !important;
}

.pagetabs li:first-child {
background-image:url(tab-lg-left.gif) !important;
}


.pagetabs li{
background:transparent url(tab-lg-left.gif) no-repeat scroll left bottom !important;
float:left;
height:24px;
padding:0 0 0 8px !important;
}

.pagetabs li:first-child a, .tabBox li.active:first-child a {
color:#000000 !important;
padding-left:3px !important;
}

.pagetabs > ul a {
width:auto;
}


.pagetabs a{
	
background:transparent url(tab-lg-right.gif) no-repeat scroll right bottom !important;
display:block;
float:none;
height:24px;
line-height:2em;
padding:0 10px 0 0 !important;
white-space:nowrap;
width:0.1em;
}


.pagetabs * {
background:transparent none repeat scroll 0 0 !important;
border:0 none !important;
color:#000000 !important;
margin:0 !important;
padding:0 !important;
}

.pagetabs .active a {
background-image:url(tab-right-act.gif) !important;
}

.pagetabs .active, .pagetabs .active:first-child {
background-image:url(tab-left-act.gif) !important;
}

.subtitle{
	border:1px solid #E9E9E9;
	height:3em;
	
	font-size:1.2em;
	font-weight:bold;
	padding:10px 0 0 7px;
	color:#5B8424;
	
}

.subtitle a{
	float:left;
	font-size:1.2em;
	font-weight:bold;
	
	color:#5B8424;
}
 
.dashboardrow:first-child .subtitle{
	
} 

.dashboardrow:last-child .subtitle{
	
} 
 
.header{

font-size:1.2em;

font-size:1.2em;
font-weight:bold;
padding:10px 0 0 7px;
color:#008698;
}


#quicklinks{
	width: 210px;
	clear: left;
}

#quicklinkslist {
	margin:5px;


	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

}

#quicklinkslist  li{
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dotted #777;
	text-indent: 10px;
}


#quicklinkslist li a{
	background: transparent url(arrow-grass-green.gif) no-repeat scroll right top;
	background-position:100% 4px;
	height:14px;
display:block;
padding:4px 15px 0 0;
text-decoration:none;
}

#quicklinkslist li a:hover{
	background: transparent url(arrow-grass-green.gif) no-repeat right bottom;
	background-position:100% -96px;
	height:14px;
	
}


#reportcontext{
	width: 210px;
	
}

#reportcontextlist {
	margin:5px;


	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;

}

#reportcontextlist  li{
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dotted #777;
	text-indent: 10px;
}






.title {
	font: bold 11px Arial;
	color: #777;
	
	
	
}

ul.row{
	padding: 0px;
	margin: 2px 0 0 0;
}

ul.row li {
	display: inline;
	font-family: arial;
	font-size: 12px;
	margin: 0px 5px 0px 5px;
	padding: 0px;
}

ul.row li.label{
	float: left;
	width: 165px;
	margin-top: 5px;
}

.dashboardrow{
	height: 180px;
}

.tablelayout {
	display: table;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}
	 
.tablelayout_nomargin {
	display: table;
}
.wrapper{
	width: 100%;
	display: table-row;
	text-align: left;
	font: 12px Arial;
	height: 30px;
}

.wrapper2{
	width: 320px;
	display: table-row;
	text-align: left;
	font: 12px Arial;
	height: 30px;
}

.wrapper3{
	width: 100%;
	display: table-row;
	text-align: left;
	font: 12px Arial;
	height:80px;
}

.wrapper4{
	width: 170px;
	display: table-row;
	text-align: left;
	font: Arial;
}

.wrapper5{
    width: 100%;
    display: table-row;
    text-align: left;
    font: 12px Arial;
    height: 20px;
}

.cell50,
.cell70,
.cell100,
.cell110,
.cell120,
.cell130,
.cell140,
.cell150,
.cell170,
.cell200,
.cell220,
.cell230,
.cell240,
.cell250,
.cell300,
.cell350,
.cell400,
.cell430,
.cell450,
.cell500,
.cell550,
.cell750{
	display: table-cell;
	padding: 2px;
	vertical-align: middle;
}
.cell200>select[name="state"] {
}
.cell100>input[title="Add"] {
}
#customReportForm .contentbox .tablelayout .wrapper .cell150 + .cell300{
}

.cell50_B,
.cell100_B,
.cell120_B,
.cell130_B,
.cell140_B,
.cell150_B,
.cell170_B,
.cell180_B,
.cell200_B,
.cell220_B,
.cell230_B,
.cell240_B,
.cell250_B,
.cell300_B,
.cell350_B,
.cell400_B,
.cell450_B,
.cell500_B,
.cell550_B
.cell750_B{
	display: table-cell;
	padding: 2px;
	font-weight: bold;
	vertical-align: middle;
}


.cell110_R,
.cell150_R,
.cell250_R,
.cell300_R,
.cell350_R,
.cell450_R,
.cell550_R
.cell750_R{
	display: table-cell;
	padding: 2px;
	text-align: right;
	vertical-align: middle;
}
	 
.cell50,
.cell50_B,
.cell50_R{
	width: 50px;
}
.cell70{
    width: 70px;
}
.cell100,
.cell100_B,
.cell100_R
{
	width: 100px;
}


.cell110,
.cell110_R{
	width: 110px;
}


.cell120,
.cell120_B,
.cell120_R
{
	width: 120px;
}

.cell130,
.cell130_B,
.cell130_R
{
	width: 130px;
}

.cell140,
.cell140_B,
.cell140_R
{
	width: 140px;
}

.cell150,
.cell150_B,
.cell150_R{
	width: 150px;
}

.cell170,
.cell170_B,
.cell170_R
{
	width: 170px;
}

.cell200,
.cell200_B,
.cell200_R
{
	width: 200px;
}

.cell220,
.cell220_B,
.cell220_R
{
	width: 220px;
}

.cell230,
.cell230_B,
.cell230_R
{
	width: 230px;
}

.cell240,
.cell240_B,
.cell240_R
{
	width: 240px;
}

.cell250,
.cell250_B,
.cell250_R{
	width: 250px;
}

.cell300,
.cell300_B,
.cell300_R
{
	width: 300px;
}

.cell350,
.cell350_B,
.cell350_R{
	width: 470px;
}

.cell400,
.cell400_B,
.cell400_R
{
	width: 400px;
}

.cell430,
.cell430_B,
.cell430_R
{
	width: 430px;
}

.cell450,
.cell450_B,
.cell450_R{
	width: 450px;
}

.cell500,
.cell500_B,
.cell500_R
{
	width: 500px;
}

.cell550,
.cell550_B,
.cell550_R{
	width: 550px;
}

.cell750,
.cell750_B,
.cell750_R{
	width: 750px;
}

div.labelbold{
	font-weight: bold;
	font-size: 12px;
	display: inline;
}

.contentboxlist {			/* For import contacts page */
	list-style-type: none;
	padding-bottom: 3px;
	margin-left: -30px;
}


.baseformlayout{
	list-style: none;
}

.baseformlayout li.input{
	margin-left:15px;
	margin-bottom:10px;
	font-weight: bold;
}


.baseformlayout li.input a{
	text-align: right;
	font-size: 12px;
	padding-left: 335px;
}

#hierarchySwitch li{
	display: inline;
	
}

#hierarchySwitch a{
	font-size: 12px;
	text-align: right;
}

#hierarchySwitch li.input{
	padding-right: 15px;
	
}

#hierarchySwitch{
	padding-left: 0;
	display: inline;
	margin-left: 0px;
}


#hierarchyFilter {

	padding-left: 0;
	margin-left: 0px;
}

#hierarchyFilter  li{

	padding-left: 2px;
	
	display: inline;
}

#hierarchyFilter li.input{
	padding-right: 8px;
	
}

#hierarchyFilterLocation {

	padding-left: 0;
	margin-left: 0px;
}

#hierarchyFilterLocation  li{

	padding-left: 2px;

	display: inline;
}

#hierarchyFilterLocation li.input{
	padding-right: 15px;
	
}

.italic{
	font-style: italic;
	font-size: 11px;
}

.prompts{
	background: none repeat scroll 0 0 #EEEEEE;
    border-color: #EEEEEE #888888 #EEEEEE;
    border-style: solid;
    border-width: 0px;
}

table.doublecolumn{
	table-layout: fixed;
}

table.doublecolumn td.leftcolumn{
	vertical-align: top;
	width: 343px;
	padding-right: 10px;
}

table.doublecolumn td.rightcolumn{
	vertical-align: top;
	width: 343px;
	padding-left: 10px;
}

.readOnly {
    background-color: #cccccc;
}

.readOnlySmall {
    background-color: #cccccc;
    width: 50px;
}

.readOnlyLarge {
    background-color: #cccccc;
    width: 225px;
}

#findCallForm  div.tablelayout div.datepickerDiv{
    width:160px !important;
}   

#searchForm div.tablelayout div.datepickerDiv {
    width:180px !important;
}	
a.hiddenAnchor{
    position: absolute;
    top: -999px;
}

.notShown{
	display:none;
}

.red{
color:red;
}

.datepicker {
   margin: 10px;
   padding: 2px;
   position: absolute;
   width: 200px;
   background-color: #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
div.month-wrapClass {
   height: 30px;
   background-color: #ddd;
   border: 1px solid black;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
div.bn_prevClass {
   margin: 2px;
   float: left;
   width: 20px;
   height: 24px;
}
div.bn_nextClass {
   margin: 2px;
   float: right;
   width: 20px;
   height: 24px;
}

div.bn_prevClass:hover,
div.bn_prevClass:focus,
div.bn_nextClass:hover,
div.bn_nextClass:focus {
   margin: 2px;
   background-color: #fc3;
   border: 1px solid #800;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
img.bn_img {
   margin: 0;
   padding: 2px;
}
div.monthClass {
   float: left;
   padding-top: 6px;
   width: 140px;
   height: 20px;
   text-align: center;
   font-weight: bold;
   font-size: 1.2em;
}
table.datepickerClass {
   width: 200px;
   font-size: 1.2em;
   text-align: center;
}
table.datepickerClass th,
table.datepickerClass td {
   width: 25px;
   height: 28px;
   padding: 0;
   text-align: center;
}
table.datepickerClass td {
   background-color: #ddd;
   border: 1px solid #999;
}

table.datepickerClass td.today {
   background-color: #FFF0C4;
   border: 1px solid #999;
}

table.datepickerClass td.empty {
   background-color: #f9f9f9;
   border: 1px solid #eee;
}

table.datepickerClass td:hover,
table.datepickerClass td.focus {
   border-color: #800;
   background-color: #fc3;
}

table.datepickerClass td.empty:hover {
   background-color: #f9f9f9;
   border: 1px solid #eee;
}

.offscreen {
   position: absolute;
   left: -200em;
   top: -100em;
}

.nospaceinline{
margin-left:-4px;
display:inline;

}

[aria-hidden="true"] {
   display: none;
}

.width140{
	width:140px;
}

.breadcrumbinline {
    display: inline;
	color: #79BDD7;
}

.nomarginrpt {
    margin: 0 0 0 0 !important;
}

.removebutton {
	visibility: hidden;
}

.paymentbgcolor1{
background-color:#f2f2f5; border:0px;
}

.paymentbgcolor2{
background-color:#ffffff; border:0px;
}

.width15percent{
width: 15%;
}

.width20percent{
width: 20%;
}

.width10percent{
width: 10%;
}

.stmtaccountsummaryfont1{
font-size:11px; font-weight:bold;
}

table.rpt tr td.stmtaccountsummaryfont1{
font-size:11px; font-weight:bold;
}

.width18percent{
width:18%;
}

.textaligncenter{
text-align:center;
}

.textalignmiddle{
text-align: center;
}

.width50percent{
width: 50%;
}

.width35percent{
width: 35%;
}

.width45percent{
width: 45%;
}

.width55percent{
width: 55%;
}

.width80percent{
width: 80%;
}

.fontbold{
font-weight: bold;
}

.width37percent{
width: 37px;
}

.telecowrap{
word-break: break-all; word-wrap: break-word;
}

.width5percent{
width:5%;
}

.floatleft{
float:left;
}

.floatright{
	float:right;
}

.alignleft{
text-align: left;
}

.aligncenter{
text-align: center;
}

.alignright{
text-align: right;
}

.color6f{
color:#FFFFFF;
}

.overflowhidden{
	overflow:hidden;
}

.colorff0000{
	color: #FF0000;
}

.textalignright{
	text-align:right;
}

.loginjsp{
	border:1px solid green;width:200px;float:right;
}

.reportbodyvm{
font-size:10px;vertical-align:text-top;padding:0px;
}

.pagingvm{
position:absolute;visibility:hidden;
}

ul.tree {
    font-size: 100% !important;
}
ul.tree, ul.tree ul {
    list-style: none;
    margin: 0 !important;
    padding-left: 20px !important;
    font-weight: normal;
    font-size: 100% !important;
    background-color: #f9f9f9;
    color: black;
}

ul.tree li {
    margin-left: 17px !important;
}

li.tree-parent {
    font-weight: bold;
    margin-left: 0px;
}

img.headerImg {
    margin-right: 5px;
}

li.tree-focus {
    color: white;
    background: #cccccc;
}
.displayNone {
	display:none;
}

.displayInline {
	display:inline;
}

.displayBlock {
	display:block;
}

.resizeNone {
	resize:none;
}

table[role=treegrid] td:focus,
table[role=treegrid] th:focus{
    outline: 2px solid orange;
}

.landscapeCurrency{
    float: right;
    margin-right: 20px;
    font-size: 10px;
}

.zIndex10{
	z-index: 10;
}

.zIndex9{
	z-index: 9;
}

.zIndex8{
	z-index: 8;
}

.zIndex7{
	z-index: 7;
}
.errorField{
	background-color: #FFCCCC;
}

.customerrormessage {
	
	font: bold 12px Arial;
	padding:10px;
	background: #FFCCCC;
	border: 1px red solid;
	margin-top: 20px;
	margin-bottom: 20px;
}

.customerrormessage li{
	list-style-image: url("../skin/error.gif"); 
}
